.sj_SideLayer{ display:none}



.pz_SideLayer{height:65px; /*padding-left:475px;*/  color:#000000; margin:50px auto; width:50%}
.pz_SideLayer li{ width:28%; text-align:center; border:1px solid #CCC; }
.pz_SideLayer li a{ display:block; padding:0 20px; font-size:16px; color:#000; line-height:50px;}
.pz_SideLayer li.l2,
.pz_SideLayer li.l3{display:none;}
.pz_SideLayer li.on,.pz_SideLayer li:hover{}
.pz_SideLayer li.on a,.pz_SideLayer li:hover a{ background:#005aba; height:50px; color:#fff}










.btn-3 { border:1px solid #b5b5b5; position: relative; display: block;  height: 60px; width: 200px; margin-top: 50px; overflow: hidden; background: #fff; text-transform: uppercase;  text-align: center; 
line-height: 60px; font-size: 16px; z-index: 33; transition: all 0.36s; margin-left: auto; margin-right: auto;}
.btn-3:before { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:transparent transparent transparent #d7a449; position:absolute; bottom:0; left:0; transition: all 0.6s; z-index: -1;} 
.btn-3:after { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:transparent #d7a449 transparent transparent; position:absolute; top:0; right:0; transition: all 0.6s; z-index: -1;} 
.btn-3 span:before { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:transparent transparent #d7a449 transparent; position:absolute; right:0; bottom:0; transition: all 0.6s;z-index: -1; } 
.btn-3 span:after { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:#d7a449 transparent transparent transparent; position:absolute; top:0; left:0; transition: all 0.6s; z-index: -1; } 
.btn-3:hover { color:#fff; } 


.btn-3:hover:before { border-width:180px 0 0 180px } 
.btn-3:hover:after { border-width:0 180px 180px 0 }
.btn-3:hover span:before { border-width:0 0 180px 180px } 
.btn-3:hover span:after { border-width:180px 180px 0 0 }




.cp_li1{ border-left:1px solid #CCC!important;}

@media screen and (max-width: 1024px) {



.pz_SideLayer{ /*width:100%;*/ float:none; height:35px; /*padding-left:475px;*/ display:none }

.sj_SideLayer{ /*width:100%;*/ float:none; height:35px; /*padding-left:475px;*/ display:block; color:#000000 }

.sj_SideLayer ul{ margin:10px 0}
.sj_SideLayer ul li{ width:32.75%;float:left; margin-right:2px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.sj_SideLayer li a{ display:block; padding:0; font-size:14px; color:#000; line-height:35px; text-align:center; background:#F3F3F3; margin:3.5%}
.sj_SideLayer li.l2,
.sj_SideLayer li.l3{display:none;}
.sj_SideLayer li.on,.pz_SideLayer li:hover{}
.sj_SideLayer li.on a,.pz_SideLayer li:hover a{ background:#cccccc; height:35px;}
}